<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
     <link rel="stylesheet" href="./layui/css/layui.css">
</head>
<body>
      <table class="layui-table">
          <thead>
              <td>内容￥</td>
              <td>内容￥</td>
              <td>内容￥</td>
              <td>内容￥</td>
              <td>内容￥</td>
              <td>内容￥</td>
          </thead>
          <tbody>
          <tr>
              <td>内容￥</td>
              <td>内容￥</td>
              <td>内容￥</td>
              <td>内容￥</td>
              <td>内容￥</td>
              <td>内容￥</td>
          </tr>
          <tr>
              <td>内容￥</td>
              <td>内容￥</td>
              <td>内容￥</td>
              <td>内容￥</td>
              <td>内容￥</td>
              <td>内容￥</td>
          </tr>
          <tr>
              <td>内容￥</td>
              <td>内容￥</td>
              <td>内容￥</td>
              <td>内容￥</td>
              <td>内容￥</td>
              <td>内容￥</td>
          </tr>
          <tr>
              <td>内容￥</td>
              <td>内容￥</td>
              <td>内容￥</td>
              <td>内容￥</td>
              <td>内容￥</td>
              <td>内容￥</td>
          </tr>
          <tr>
              <td>内容￥</td>
              <td>内容￥</td>
              <td>内容￥</td>
              <td>内容￥</td>
              <td>内容￥</td>
              <td>内容￥</td>
          </tr>
        </tbody>
      </table>
    
</body>
</html>
<script src='./lib/jquery.min.js'></script>
<script>
    $(()=>{
        $("tbody tr").click(function(e){
            //点击添加背景色
            $(this).css({"background-color":"#ccc"});
            //判断是否按下了ctrlKey
            if(!e.ctrlKey){
            //被其他的兄弟元素的style的样式去掉
            $(this).siblings().removeAttr("style");
             } 
        });


    });


</script>